<template>
	<view style="display: flex;flex-direction: column;color: white;">
		<view class="title" :style="{fontSize:titlefs+'px'}">
			{{title}}
			<view class="title-en-common">{{ enTitle }}</view>
		</view>
		<view v-show="remark!=''" style="white-space: nowrap;" :style="{fontSize:remarkfs+'px'}">
			{{remark}}
		</view>
	</view>
</template>

<script>
	export default {
		name: "titleBar",
		props: {
			title: {
				type: String,
				default: ''
			},
			enTitle: {
				type: String,
				default: ''
			},
			titlefs: {
				type: Number,
				default: 16
			},
			remark: {
				type: String,
				default: ''
			},
			remarkfs: {
				type: Number,
				default: 12
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less">
	.title {
		font-size: 16px;
		// font-weight: bold;
	}

	.home {
		position: absolute;
		left: 42rpx;
		width: 40rpx;
		height: 40rpx;
	}
</style>